import React,{useState} from 'react'
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'
// root 节点 根节点
// root 节点范围react 起作用
// JSX js 扩展语法
// React 用来表达UI组件
// JSX class 不能用，得用className,class是关键字不能直接使用
// let name = '解封';
// // JSX 模板
// const element =<h1 className="bd">Hello,{name}!</h1>;
// // 自定义组件
// const Hello =() => {
//   // JSX
//   return <div>hello{name}</div>
// }
// obj Proxy
// let [dataStr,setDataStr] = useState();
let dateStr = new Date().toLocaleTimeString();
setTimeout(() => {
  dateStr = new Date().toLocaleTimeString();
},1000)
ReactDOM.createRoot(document.getElementById('root')).render(
  // element
  // <Hello></Hello>
  // UI大舞台
  <div>
    <h1>Hello,world</h1>
    <h2>现在是 {dateStr}</h2>
  </div>
)
